
//引入字体图标
require('../../libs/fonts/iconfont.css')

const { default: axios } = require('axios')
//引入验证码
const CaptchaMini = require("captcha-mini")

//引入轻提示
const t = require('../../utlis/toast')
// t.toast('注册成功') 

require('./register.less')


document.addEventListener('DOMContentLoaded', function () {

    //获取元素
    let pswre = document.querySelector('.pswre')




    //1需求  点击密码登录  跳转到登录界面
    pswre.addEventListener('click', function () {
        location.href = './login.html'
    })


    //定义变量接受验证码
    let Code = ''
    //获取验证码
    let captcha1 = new CaptchaMini(
        {
            lineWidth: 1,   //线条宽度
            lineNum: 3,       //线条数量
            dotR: 2,          //点的半径
            dotNum: 25,       //点的数量
            preGroundColor: [10, 80],    //前景色区间
            backGroundColor: [150, 250], //背景色区间
            fontSize: 70,           //字体大小
            fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
            fontStyle: 'fill',      //字体绘制方法，有fill和stroke
            // content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容
            length: 4   //验证码长度
        }
    );
    captcha1.draw(document.querySelector('#captcha1'), function (r) {
        //    console.log(r, '验证码1');
        Code = r.toLowerCase()

    });

    //手机框
    const account = document.querySelector('#account')
    //    console.log(account);OK
    //验证码框
    const captcha = document.querySelector('#captcha')
    //    console.log(captcha);OK
    // 密码框
    const password = document.querySelector('#password')
    //    console.log(password);OK
    ////再次确认密码框
    const affirmPassword = document.querySelector('#affirmPassword')
    //    console.log(affirmPassword);OK
    //注册框
    const btnre = document.querySelector('.btnre')
    //    console.log(btnre);

    //错误提示信息
    const errMsg = document.querySelector('.errMsg')
    //    console.log(errMsg);OK


    //正则表达式
    let phoneReg = /^1[3-9]\d{9}$/
    let PaswReg = /^\d{6,12}$/
    //表单验证
    btnre.addEventListener('click', function () {
        //    console.log(1);ok
        if (!phoneReg.test(account.value)) {
            errMsg.textContent = '手机号格式不正取'
            return;
        }
        if (captcha.value.toLowerCase() !== Code) {
            errMsg.textContent = '验证码错误'
            return;
        }
        if (!PaswReg.test(password.value)) {
            // console.log(password.value);
            errMsg.textContent = '密码格式错误'
            return;

        }

        if (affirmPassword.value !== password.value) {

            errMsg.textContent = '密码需保持一致'
            return;
        }
        errMsg.textContent = ''


        // 发送axios 请求
        axios.post('http://47.96.154.185:3701/api/user/register', {
            account: account.value,
            password: password.value
        }).then(function (res) {
            if (res.data.errno === 0) {
                // console.log(res.data.data);
                t.toast('注册成功')
                setTimeout(function () {
                    location.href = './login.html'
                }, 2000)
            } else {
                t.toast('注册失败 ')
            }
        })

    })



})
